<div id="courswareList" class="app-size-full app-padding-20" ng-controller="CoursewareController as vm">
    <div class="app-panel app-shadow-2 arp-border-radius-5 app-size-full app-padding-20">
        <div class="app-flex-row app-flex-between-x">
            <div class="app-flex-row">
                <button class="app-button app-margin-right-10" ng-repeat="btn in vm.topBtns" ng-click="vm.topBtnEvent(btn.key)">
                    <svg class="app-icon app-icon-20">
                        <use xlink:href="{{'#icon-' + btn.icon}}"></use>
                    </svg>
                    <span class="app-margin-left-5">{{btn.text}}</span>
                </button>
            </div>
            <div search-bar callback="vm.searchCallback"></div>
        </div>
        <div>
            <div class="app-flex-row app-padding-y-10 app-margin-top-20 courseware-table courseware-table-head">
                <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked('all')">
                    <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[vm.allChecked()]">
                        <use xlink:href="{{'#icon-' + (vm.allChecked() ? 'checkbox1' : 'checkbox')}}"></use>
                    </svg>
                </div>
                <div class="courseware-item-name">
                    <span>课件名称</span>
                </div>
                <div class="courseware-item-relname">
                    <span>课程</span>
                </div>
                <div class="courseware-item-teacher">
                    <span>所属老师</span>
                </div>
                <div class="courseware-item-attach">
                    <span>课件附件</span>
                </div>
                <div class="courseware-item-status">
                    <span>审核状态</span>
                </div>
                <div class="courseware-item-date">
                    <span>上传时间</span>
                </div>
            </div>
            <div class="courseware-table-data" auto-height ng-scrollbar fix="-210">
                <div class="app-flex-row app-padding-y-10 courseware-table"
                     ng-class="{true:'courseware-item-checked'}[item.check]"
                     ng-repeat="item in vm.list track by $index" ng-if="vm.list | listIsNotEmpty">
                    <div class="courseware-item-checkbox app-margin-x-10" ng-click="vm.toggleChecked(item)">
                        <svg class="app-icon app-icon-16" ng-class="{true:'ft-color-red-light'}[item.check]">
                            <use xlink:href="{{'#icon-' + (item.check ? 'checkbox1' : 'checkbox')}}"></use>
                        </svg>
                    </div>
                    <div class="courseware-item-name">
                        <i class="app-icon-file app-margin-x-10"></i>
                        <span>{{item.name}}</span>
                    </div>
                    <div class="courseware-item-relname">
                        <span>{{item.relCourseName}}</span>
                    </div>
                    <div class="courseware-item-teacher">
                        <span>{{item.relTeacherName}}</span>
                    </div>
                    <div class="courseware-item-attach">
                        <i class="app-margin-right-10 app-icon-file-{{item.courseware[0].type | attachIconFilter}}"></i>
                        <span>{{item.courseware[0].text}}</span>
                        <a class="ft-color-green-normal" ng-if="item.courseware.length > 1">更多</a>
                    </div>
                    <div class="courseware-item-status">
                        <span>{{item.statusText}}</span>
                    </div>
                    <div class="courseware-item-date">
                        <span>{{item.updatedDate}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>